<template>
    <view class="bd-li">
      <view class="li-label" :style="{width: labelWidth, textAlign: labelAlign}">{{label}}<text v-show="colon">：</text></view>
      <view class="li-p">
        <slot>{{value}}</slot>
      </view>
    </view>
</template>
<script setup lang="ts">
  const props = defineProps({
      label: String,
      value: String || Number,
      labelWidth: {
        type: String || Number,
        default: () => 'auto'
      },
      labelAlign: {
        type: String,
        default: () => 'left'
      },
      colon: {
        type: Boolean,
        default: () => true,
      }
    })
</script>